
/*Login*/

#principal-login{
    position:relative;
    width:1200px;
    height:800px;
    margin:0px auto;
    background-color:#ffffff;


}

#principal-login #form-fundo{
    position:relative;
    margin:0px auto;
    width:380px;
    top:120px;
    height:450px;
    background-color:f0f0f0;
    opacity:0.8;
    border-radius:5px;

}

#logotipo{
       position:relative;
	   float:center;
	   top:100px;
}


#principal-login form{
    position:relative;
    left:450px;
    top:-300px;
}

#principal-login input{
    height: 30px;
    width: 280px;
    margin:10px;
    border-radius:3px;
    border:0px;
}

#principal-login h2{
    font-size:30px;
    font-family:arial;
    font-weight:lighter;
}

#principal-login h3{

    font-family:arial;
    font-weight:lighter;
    color:gray;
}

#principal-login h4{

    font-family:Open Sans;
    font-weight:lighter;
    color:gray;

}

#principal-login a{ 
    color:blue;
    text-decoration:none;


}

#principal-login hr{
    width:360px;
    position:relative;
    right:450px;
    opacity:0.2;


}

#principal-login p{
    position:relative;
    font-size:12px;  
    color:white;
    top:-270px;
    left:530px;
    font-family:arial;
    font-weight:lighter;

}

#principal-login .btn-login{

    background-color:#50b948;
    color: white;
    font-size: 17px;
    border: 0px;
    text-align: center;

}

#principal-login .clicked{

    background-color:orange;
    color: white;
    font-size: 17px;
    border: 0px;
}

#logotipo img{
 margin-top:10px;
 
}


#inicio img{
  margin-top:30px;
  position:absolute;
  margin-left:280px;
}


/*topo - lateral - principal fixas*/

#master{
    position:relative;
    top:-10px;
    left:-10px;

}

#topo, #lateral {
    margin:0px;
    padding:0px;


}
/*topo fixo-ADM*/
#topo{
    overflow:hidden;
    position:relative;
    width:1350px;
    height:15px;
    background-color:#000080;
    font-family:Arial;
    font-size:17px;
    color:#FFFFFF;
    padding:15px; 
}

/*lateral fixo*/
#lateral{
    overflow:hidden;
    position:relative;
    float:left;
    width:120px;
    height:540px;
    background-color:#F0F0F0;
    font-family:Arial;
    font-size:15px;
    color:#B2B6B6;
    padding:30px;      
    text-decoration:none;
    border:1px solid #B2B6B6;
    color:gray;
    box-shadow: 1px 1px 12px rgb(200,200,200);
    z-index: 1;
}

#lateral .buscar{
    border-bottom:1px solid #B2B6B6;
    top:50px;
    left:50px;
    width:140px;
}

#lateral li{
    background:#F0F0F0;
    list-style:none;
}

#lateral  li a{
    color:#B2B6B6;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none; 
    float:center;
    padding:10px;		
}

#lateral hr{
    width:180px;
    border-bottom:0,5px solid #B2B6B6;
}

#lateral #cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {
    margin: 0;
    padding: 4;
    border: 2;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    position: relative;
    color:gray;
}
#lateral #cssmenu a {
    line-height: 1.3;
}

#lateral #cssmenu {
    width: 150px;
    border-bottom: 1px solid #656659;
    border-radius: 3px;
}

#lateral #cssmenu li:hover {
    background: #000080;
    background: -webkit-linear-gradient(#000080 0%, #000080 100%);

}

#lateral #cssmenu ul ul {
    display: none;	
}

#lateral #cssmenu ul ul li {
    padding: 0;
    border-bottom: 1px solid #d4d4d4;
    border-top: none;
    background: #F0F0F0;

}

#lateral #cssmenu ul ul a {
    padding: 10px 10px 10px 25px;
    display: block;
    color: #676767;
    font-size: .8em;
    font-weight: normal;
}
#lateral #cssmenu ul ul a:before {
    content: '\00BB';
    position: absolute;
    left: 10px;
    color: #e94f31;
}

/*principal fixo-ADM*/
#principal{

    position:relative;
    float:left;
    color:#000000;
    width:1145px;
    height:600px;

}

#principal p{
    position:relative;
    margin:0 auto;
    font-size:25px;

}


#principal iframe{
    width:100%;
    height:100%;
    border:0px;
}

/*procurarLogin*/


#procurar-login , #editar-login , #apagar-login,#cadastrar-login, #definir-privilegio{
    width:100%;
    height:100%;


}

#apagar-login li, #cadastrar-login li{
    padding:10px;
    list-style:none;



}

#apagar-login #apagar, #cadastrar-login #gravar{
    padding:5px;
    position:relative;
    left:50px;


}

#procurar-login  h2, #editar-login h2, #apagar-login h2,  #cadastrar-login  h2 ,#cadastrar-produto  h2,#definir-privilegio  h2 {

    font-family:Open Sans;
    font-weight:lighter;


}

#header{
    position:relative;
    width:1000px;
    height:25px;
    background-color:#f0f0f0;
    color:gray;
    font-family:Open Sans;
    font-weight:lighter;

}


#pag-conteudo{
    position:relative;
    width:600px;
    height:300px;
    margin:0px auto;
    top: 20px;  
    float: left;
    margin-left: 20px; 
}



#pag-conteudo label{
    font-family:Open Sans;
    font-weight:lighter;

}

#pag-conteudo input{

    position:relative;
    margin:0px auto;


}

.btn-ace{
    width:80px;
    height:25px;
    background-color:#50b948; 
    border:0px;
}



fieldset{
    width:900px;
    border-color:#f3f3f3;
    font-family:Open sans;
    font-size:13px;

}

#menu{
    width:300px;
    height:40px;
}

.espacamento{
    margin-left:40px;
    font-family:Arial;
    font-size:16px;
    color:#000000;

}

.botao{
    background:#eeeeee;
    width:70px;
    height:30px;
    border-style:none;
    font-family:Open sans;
    font-size:15px;
    color:#696969;

}


/*(PRODUTOS)*/
/*(PRODUTOS)*/
/*(PRODUTOS)*/
/*(PRODUTOS)*/
/*(PRODUTOS)*/


#header{ 
    background-color:#eeeeee;
    width:80%;
    height:27px;
    font-family:Open sans;
    font-size:12px;
    color:#666666;

}    

#campo{
    font-family:'Open Sans', sans-serif;
    font-size:15px;
    color:#00000;
    margin-top:3px;
}

label{ /*formatação das labels*/
    font-family:'Open Sans', sans-serif;
    font-size:15px;
    color:#00000;
}

/*Alinhamento*/

#campo label{
    position:absolute;
    left:19px;
    margin-right:5px;
}

#nome{
    margin-top:-1px;
}	
#quantidade {
    position:absolute;
    left:0px;
    margin-top:2px;
    width:230px;
}
/*
#cate {
    position:absolute;
    left:0px;
    margin-top:2px;
    width:230px;
}

#for {
    position:absolute;
    left:0px;
    margin-top:27px;
    width:230px;
}

#preco {
    position:absolute;
    left:0px;
    margin-top:52px;
    width:230px;
}*/

#venda {
    position:absolute;
    left:0px;
    margin-top:27px;
    width:230px;
}

#estoq{
    position:absolute;
    left:19px;
    margin-top:-1px;
    width:230px;
}

#tabela{
    position:absolute;
    left:20px;
    margin-top:20px;
}

/*alinhamento input*/
#campo input.nomepro{
    position:relative;
    left:162px;

    width:230px;
    margin:2px;
}

#campo input.quantidade{
    position:relative;
    left:162px;
    margin:2px;
    width:230px;
}

/*
#campo input.categoria{
    position:relative;
     left:162px;
    margin:2px;
    width:230px;
}

#campo input.fornecedor{
   position:relative;
     left:162px;
    margin:2px;
    width:230px;
}

#campo input.preco-custo{
    position:relative;
     left:162px;
    margin:2px;
    width:230px;
}
*/

#campo input.preco-venda{
    position:relative;
    left:162px;
    margin:2px;
    width:230px;
}

/* 
        TELAS DE CRUD LOGIN
        TELAS DE CRUD LOGIN
        TELAS DE CRUD LOGIN

*/

#campo_usuario{
    position:absolute;
    left:0px;
    margin-top:20px;

}  

#campo_senha{
    position:absolute;
    left:0px;
    margin-top:45px;

}

#campo_id{
    position:absolute;
    left:0px;
    margin-top:62px;

}

/*alinhando as inputs*/
#campo input.campo_usuario{
    position:absolute;
    left:162px;
    margin-top:2px;
    width:115px;
}

#campo input.campo_senha{
    position:absolute;
    left:162px;
    margin-top:2px;
    width:115px;
}

#campo input.campo_id{
    position:absolute;
    left:162px;
    margin-top:2px;
    width:115px;
}




/*
        PRIVILÉGIOS
        PRIVILÉGIOS
        PRIVILÉGIOS
*/



/*Ajuste Definir Privilegio*/
#combo{
    font-family:Open sans;
    font-size:16px;
}

#botaoprivilegio{
    margin-top:-144px;

}










#pag-conteudoVenda{
    position:relative;
    width:900px;
    height:300px;
    margin:0px auto;
    top:100px;  
}       

#corpolistaVenda{ 
    position:relative;
    float:left;
    width:650px;
    height:100px;
}

#corpolista {
     position: relative;   
       top: 15px;
    
}
#corpolista tr td {

    height: 20px;
    width:300px;
    border:1px solid #d3d3d3;
    font-family: open sans;
    font-size: 18px;
    text-align: center;
 
    }


#corpolista tr:nth-child(odd) {
    background-color: #f9f9f9;
}



#pedidoVenda{
    overflow:scroll;
    position:relative;
    float:left;
    width:250px;
    height:300px;

}

#vt{
    width:120px;
    height:50px; 
    position:relative;
    float:right;

}

#vt #totalx{ 

    width:40px;

}


#corpolistaVenda tr{ 
    border:1px;
}

/*Tela Inicial */

/*
img{
    margin-top:30px;
    position:absolute;

}
*/


.topo a{
      position:absolute;
      width:100px;
      height:100px;
      background-color:#000080;
      font-family:Arial;
      font-size:20px;
      color:#FFFFFF;
      text-decoration:none;
	  padding:30px; 
  	  margin-left:290px;
	  margin-top:200px;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	  }

.violeta a {
       position:absolute;
       width:200px;
       height:80px;
       background-color:#000080;
       font-family:arial;
       font-size:20px;
       color:#ffffff;
       text-decoration:none;
	   padding:30px;      
       margin-left:290px;
       margin-top:370px;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	   }
  
.roxo a{
       position:absolute;
	   float:left;
       width:89px;
       height:80px;
       background-color:#000080;
       font-family:arial;
       font-size:20px;
       color:#ffffff;
       padding:30px;      
       text-decoration:none;
       margin-left:560px;
       margin-top:370px;
      -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	   }
.laranja a{
       position:absolute;
	   float:left;
       width:110px;
       height:250px;
       background-color:#000080;
       font-family:arial;
       font-size:20px;
       color:#ffffff;
       padding:30px;      
       text-decoration:none;
       margin-left:720px;
       margin-top:200px;
	 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	   }
	   
.verde a{
      position:absolute;
	  float:left;
      width:189px;
      height:99Px;
      background-color:#000080;
      font-family:arial;
      font-size:20px;
      text-decoration:none;
	  color:#ffffff;
      padding:30px;      
      margin-top:200px;
      margin-left:460px;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	  }

.roxo2 a{
       position:absolute;
	   float:left;
       width:138px;
       height:90Px;
       background-color:#000080;
       font-family:arial;
       font-size:20px;
       color:#ffffff;
       padding:30px;      
       text-decoration:none;
       margin-top:200px;
       margin-left:900px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	   
	   }
	   
.azul a{
       position:absolute;
	   float:left;
       width:138px;
       height:90Px;
       background-color:#000080;
       font-family:arial;
       font-size:20px;
       color:#ffffff;
       padding:30px;      
       text-decoration:none;
       margin-top:360px;
       margin-left:900px;
      -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	   }
.topo a:hover{
   background:#FFA500;
   color:#fff;
   
   } 

.violeta a:hover{
   background:#FFA500;
   color:#fff;
 
   } 

.roxo a:hover{
   
   background:#FFA500;
   color:#fff;
   } 
   
.laranja a:hover{
   background:#FFA500;
   color:#fff;
   } 
.verde a:hover{
   background:#FFA500;
   color:#fff;
   } 
.roxo2 a:hover{
   background:#FFA500;
   color:#fff;
   } 
.azul a:hover{
   background:#FFA500;
   color:#fff;
   } 



/*Fechamento*/
.fechamento{
    position:relative;
    
    font-family:Arial;
     padding:5px;
    color:white;
    font-size:15px;

}

.fechamento h2{
    color:black;
}
.conteudo_fechamento td {
    border:1px solid black;
    text-align: center;
    box-shadow:3px 3px 12px gray;
    background-color:rgb(255,255,255);
    color:black;

    padding:5px;

}
.titulo_fechamento td{
    border:1px solid black;
    background-color:rgb(60,60,60);
    box-shadow:3px 3px 12px gray;
    padding:5px;
    margin-bottom:15px;


}
.resultado_fechamento td {
border:1px solid black;
    background-color:rgb(90,90,90);
    box-shadow:3px 3px 12px gray;
    padding:5px;

}

/*------------Fim fechamento-------------*/
.btntabela{
    width: 90px;
    height: 60px;
    background-color: #50b948;
    font-family: open sans;
    font-size: 15px;
    color: #FFFFFF;
    padding: 8px;
    text-decoration: none;
    border-radius: 9px;
}

#inicio_body{
    
    left:-200px;
    position:relative;
}